<!doctype html>
<html lang="en">
<head>
	<meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'>
	<title>Ruby Library - TNRoR</title>
	<link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
	<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="js/equalcolumns.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
</head>
<body>

<header>
		<h1><img src="images/header.png" width="960" height="150" alt="f"></h1>
</header>
	<ul id="MenuBar1" class="MenuBarHorizontal">
	  <li><a href="#">HomePage</a>      </li>
	  <li><a href="#" class="MenuBarItemSubmenu">Book List</a>
	    <ul>
          <li><a href="#">New Book</a></li>
          <li><a href="#">Hot Book</a></li>
          <li><a href="#">View by Category</a></li>
          <li><a href="#">Search</a></li>
	    </ul>
	  </li>
	  <li><a class="MenuBarItemSubmenu" href="#">My Account</a>
	    <ul>
	      <li><a href="#">My Profile</a>          </li>
	      <li><a href="#">Book History</a></li>
		</ul>
      </li>
	  <li><a href="#">About</a></li>
	</ul>
<br>
    <br>
	<div id="innercontent">
		<article class="articlecontent">
			<header>
				<h2>Thư viện vừa cập nhật thêm 200 quyển sách</h2>
			</header>
				<p>abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda </p>
				<img src="images/Wikipedia alt 2.png" width="250" alt="wikipedia" class="alignleft" />	
				<p>abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda </p>

		</article>
		<article class="articlecontent">
			<header>
				<h2>Danh sách SV bị đình chỉ do nợ sách thư viện					</h2>
			</header>
				<p>abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda </p>
				<img src="images/Fox News.png" width="250 alt="foxnews" class="alignright" />
				<p>abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asabc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda abc bcd def feg jks dsad fdsf sdfsfk fsdf adfa asf asad fda f asad fda </p>
		</article>

	</div>
		
<aside>
  <section>
			  <header>
					<h3>Find a book</h3>
			</header>
				<form name="findbook" method="post" action="">
				  <p>
				    <input type="text" name="Search" id="Search">
				    <input type="submit" name="Searchbtn" id="Searchbtn" value="Search">
				  </p>
			  </form>
  </section>
  <section>
			  <header>
					<h3>Login</h3>
			</header>
			<form name="login" method="post" action="">
			  <table width="260" border="0">
			    <tr>
			      <td width="71">Username</td>
			      <td width="179"><input type="text" name="txtUserName" id="txtUserName"></td>
		        </tr>
			    <tr>
			      <td>Password</td>
			      <td><input name="txtPassword" type="password" id="txtPassword"></td>
		        </tr>
			    <tr>
			      <td>&nbsp;</td>
			      <td><input type="submit" name="Login" id="Login" value="Login">
		          <input type="button" name="SignUp" id="SignUp" value="SignUp"></td>
		        </tr>
			    <tr>
			      <td>&nbsp;</td>
			      <td>Forgot Password ?</td>
		        </tr>
		      </table>
	  </form>
  </section>
    <section>
			  <header>
					<h3>Category</h3>
			</header>
				  <p>
Chưa bít làm sao :((
				  </p>
  </section>
</aside>
<footer class="fcentered">
  <p>------ Ruby Library - TNROR 2012 ------</p>
</footer>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
